import styled from 'styled-components'
import logo from '../../assets/images/logo2.png'
import text from '../../assets/images/logo5.png'

export const MenuWrapper = styled.div`
  width: ${props => props.width}px;
  height: 100%;
  background: #001529;
  > .logo {
    display: flex;
    align-items: center;
    padding: 10px 0;
    padding-left: 22px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    > .logo-img {
      width: 45px;
      height: 45px;
      background: transparent url(${logo}) center;
      background-size: 100% 100%;
    }
    > .logo-text {
      height: 40px;
      width: 140px;
      margin-left: 5px;
      background: transparent url(${text}) center;
      background-size: 100% 100%;
    }
  }
`
